<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<script src="../js/angular.min.js"></script>
	<title>Title</title>
</head>
<body ng-app="myApp">
	<runoob-directive></runoob-directive>
	<br>
	<div runoob-directive></div>
	<br>
	<div class="runoob-directive"></div>
	<br>
	<!-- directive: runoob-directive -->
</body>
<script>
	// 除了 AngularJS 内置的指令外，我们还可以创建自定义指令。

	// 你可以使用 .directive 函数来添加自定义的指令。

	// 要调用自定义指令，HTML 元素上需要添加自定义指令名。

	// 使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:
    var app = angular.module("myApp", []);
    app.directive("runoobDirective", function() {
        return {
            // E 作为元素名使用, A 作为属性使用, C 作为类名使用, restrict 默认值为 EA
            restrict : "EAC",
            template : "<h1>自定义指令!</h1>"
        };
    });
</script>
</html>